
   <?php
       /* For user login if wrong redirect to index/login */
       if($_SERVER['REQUEST_METHOD'] == "POST")
       {
          if(!$login)
          {
            ?>
            <script type="text/javascript">
               showNotification({
                            message: "Invalid username & Password, Try to login again.",
                            type: "error",
                            autoClose: true,
                            duration: 2
                        });
            </script>
            <?php
          }
       }
       
   ?>
   <Br/>
<h1>Announcements</h1>
<br/><br/>
<div class="fl-announcment-wrapper">
  <form>
    <select class="fl-input-select announcementType">
        <option>Select Type of Post</option>
        <option>Company Announcenment</option>
        <option>Event Post</option>
    </select>
    <span class="fl-notes">Note. If you didn't select any type of post,it will be considered as a company announcement.</span>
    <textarea placeholder="What's the update?"></textarea>
    </form>
    <form id="postFile" method="post" enctype="multipart/form-data" action='/ajax/uploadFile'>
               <div class="postActions">
                  <div id="uniform-fileInput" class="uploader">
                     <input type="file" data-action-id="2" value="upload"
                        name="postFile" id="uploadForm" size="24" data-get-file="imagePost" data-show="imagePreviewUpload" data-form="postFile" data-location="previewImagePostUpload" data-action-type="postFile" style="opacity: 0;" class="postFile">
                     <span id="uploadFilename_2" class="filename">No file selected</span>
                     <span class="action">Choose File</span>
                     <input type="hidden" value="postFileUpload" name="uploadType">
                     <input type="hidden" value="postUpload" name="uploadFolder">
                  </div>
                 <!--  <img src="/images/loader/loader.gif" class="postFileLoad pull-left display" style="margin-left: 5px;margin-top:6px;"/> -->
               </div>
            </form>
           <!-- <div class="btn_post_holder">
               <div class="post-privacy-container" style="display:inline">
                  <div class="showPostChoices post-privacy updates_settings" style="">
                     <span class="post-privacy-label-contaner">
                        <span class="postChoice-icon-selected" style="float: left;margin-right: 5px;">
                           <i class="icon-globe" style=""></i>
                        </span>
                        <span class="" id="selectedPostChoice" value="0" postIDs="" style="margin-right: 7px;float: left;">Public</span>
                        <span class="post-privacy-arrow" style=""><i class="icon-sort-down" style="font-size: 15px;"></i>
                        </span>
                     </span>
                  </div>
                  <div class="postPrivacyChoice postPrivacyChoice-container" style="">
                     <div class="postPrivacyChoice-choices" style="">
                        <span class="postChoice-icon" style="">
                           <i class="icon-globe" style=""></i>
                        </span>
                        <span class="postChoice" value="0" style="float: left;">Public</span>
                     </div>
                     <div class="postPrivacyChoice-choices" style="">
                        <span class="postChoice-icon" style="">
                           <i  class="icon-lock" style=""></i>
                        </span>
                        <span class="postChoice" value="1" style="float: left;">Group</span>
                     </div>
                     <div class="postPrivacyChoice-choices" style="">
                        <span class="postChoice-icon" style="">
                           <i  class="icon-sitemap" style=""></i>
                        </span>
                        <span class="postChoice" value="2" style="float: left;">Department</span>
                     </div>
                     <div class="postPrivacyChoice-choices" style="">
                        <span  class="postChoice-icon"style="">
                           <i class="icon-user" style=""></i>
                        </span>
                        <span class="postChoice" value="3" style="float: left;">Position</span>
                     </div>
                  </div>
               </div>
               <input type="submit" class="btn-blueBtn ceatepost" data-get-file="imagePost"  data-location="postUpload"  data-file="imagePreviewUpload" value="POST">
            </div> -->
      <form>
         <input type="submit" value="POST">
        <select class="fl-showPostChoices fl-post-privacy fl-updates_settings">
          <option>Public</option>
          <option>Group</option>
          <option>Department</option>
          <option>Position</option>
      </select>
   </form>
   <div class="clearfix"></div>
</div>
<br/><br/>
<div class="fl-seperator"></div>
<br/><br/>
<div class="fl-main-wrapper">
<div class="section group">
  <div class="fl-timeline-messages selected_post">
    <div class="fl-post-wrapper">
        <a class="message-img"><img src="images/avatar/avatar.png"></a>
        <div class="fl-message-body">
            <div class="fl-text">Sample Post
                <!-- FOR THE STARRED -->
              <div class="fa fa-chevron-down" style="position: absolute; right:8px; top:3px; font-size:11px;"></div>
              <div class="fl-starred"><i class="fa fa-star fl-starred-color"></i></div>
              <!--STARRED -->
            </div>
            <div class="clearfix"></div>
            <p class="fl-attribution"><span><b class="fl-bold-text">Public</b></span> <span class="fl-post-name">By: Bruce Lee</span> <span class="timeago"> at about 2 hours ago</span><span class="fl-attribution2"><span class="fl-seenby">Seen by 1</span>  | <span class="fl-like">Like </span>  | <span class="fl-view-link">View Link</span>  | <span class="fl-reply">Reply</span>  | <span class="fl-post-delete">Delete</span></span>    
            </p>
            <div id="commentView_346" class="fl-reply-box" style="margin-bottom:10px;">
                <form id="fl-postFile">
                  <p class="attribution">
                      <input type="file" class="fl-hidden-file-upload" style="opacity:0; position:absolute; z-index:999999;">
                      <input type="hidden" value="postFileUpload" name="uploadType">
                      <input type="hidden" value="postUpload" name="uploadFolder">
                      <span class="fl-cursor">Attached File</span>
                      <i class="fa fa-paperclip"></i>
                  </p>
                </form>
                <div class="fl-mentionContainer">
                    <textarea  placeholder="Type Here"></textarea>
                </div>
            </div>
        </div> 
    </div> <!-- end of fl-post -->  
    <div class="fl-post-wrapper">
        <a class="message-img"><img src="images/avatar/avatar.png"></a>
        <div class="fl-message-body">
            <div class="fl-text">Sample Post</div>
            <div class="clearfix"></div>
            <p class="fl-attribution"><span><b class="fl-bold-text">Public</b></span> <span class="fl-post-name">By: Bruce Lee</span> <span class="timeago"> at about 2 hours ago</span><span class="fl-attribution2"><span class="fl-seenby">Seen by 1</span>  | <span class="fl-like">Like </span>  | <span class="fl-view-link">View Link</span>  | <span class="fl-reply">Reply</span>  | <span class="fl-post-delete">Delete</span></span>    
            </p>
            <div id="commentView_346" class="fl-reply-box" style="margin-bottom:10px;">
                <form id="fl-postFile">
                  <p class="attribution">
                      <input type="file" class="fl-hidden-file-upload" style="opacity:0; position:absolute; z-index:999999;">
                      <input type="hidden" value="postFileUpload" name="uploadType">
                      <input type="hidden" value="postUpload" name="uploadFolder">
                      <span class="fl-cursor">Attached File</span>
                     <i class="fa fa-paperclip"></i>
                  </p>
                </form>
                <div class="fl-mentionContainer">
                    <textarea placeholder="Type Here"></textarea>
                </div>
       <div class="fl-reply-wrapper">         
        <a class="message-img"><img src="images/avatar/avatar.png"></a>
        <div class="fl-message-body">
            <div class="fl-text">Sample Reply</div>
            <div class="clearfix"></div>
            <p class="fl-attribution"><span><span class="fl-post-name">By: Bruce Lee</span> <span class="timeago"> at about 2 hours ago</span><span class="fl-attribution2"><span class="fl-like">Like </span> | <span class="fl-post-delete">Delete</span></span>    
            </p>      
        </div> <!-- end of fl-reply -->
    </div>
            </div>
        </div> 
    </div> <!-- end of fl-post -->  
    <div class="fl-loadmore-wrapper"><!--<div align="center"><img src="images/icon/loading.gif">--></div>
</div>   
</div>  <!-- end of section group -->    
</div><!-- end of fl-main-wrapper --> 